<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="layout/header">
</head>
<body>
<input id="type" type="hidden" />
<div id="fakeLoader"></div>
<section class="content-header">
	<h3>随访管理</h3>
	<ol class="breadcrumb">
		<li><i class="fa fa-home"></i>首页</li>
		<li>随访管理</li>
		<li class="active">患者随访</li>
	</ol>
</section>
<!-- Main content -->
<section class="content">
	<div class="box">
		<div class="box-header">
			<h3 class="box-title"></h3>
		</div>
		<!-- /.box-header -->
		<div class="box-body">
			<div class="nav-tabs-custom">
				<ul class="nav nav-tabs">
					<li class="active"><a href="#tab_unfinish" data-toggle="tab">待随访</a></li>
					<li><a href="#tab_finish" data-toggle="tab">已随访</a></li>
				</ul>
				<div class="tab-content">
					<!-- 待办列表 -->
					<div id="tab_unfinish" class="tab-pane active">
						<!-- 查询条件 start -->
						<form id="unfinishForm" class="form-horizontal">
							<div class="form-group">
								<label for="patient_name" class="col-md-2 control-label">患者名称：
								</label>
								<div class="col-md-2">
									<input id="patient_name" class="form-control" type="text"
										   name="patient_name" bindname="patient_name" />
								</div>
								<label for="idnumber" class="col-md-2 control-label">身份证号：
								</label>
								<div class="col-md-2">
									<input id="idnumber" class="form-control" type="text"
										   name="idnumber" bindname="idnumber" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label"></label>
								<div class="col-md-6">

								</div>
								<div class="col-md-4">
									<button id="queryBtn" type="button"
											class="btn btn-warning pull-right w100">
										<i class="fa fa-search"></i>查询
									</button>
									<button id="flupBtn" type="button"
											class="btn btn-info pull-right mr30">
											患者随访
										</button>
								</div>
							</div>
						</form>
						<!-- 查询条件 end -->
						<table data-class="table table-bordered" id="unfinishTranTable"
							   data-striped="true" data-pagination="true"
							   data-side-pagination="server" data-page-size="10"
							   data-page-list="[10, 20]">
							<thead>
							<tr class="dataStore_title">
								<th data-field="state" data-radio="true" data-align="left" data-valign="middle" ></th>
								<th data-field="patient_name" data-align="left" data-valign="middle" data-width="10%">患者姓名</th>
								<th data-field="idnumber" data-align="left" data-valign="middle" data-width="10%">身份证号</th>
								<th data-field="sex" data-align="left" data-valign="middle" data-width="10%" data-formatter-args="sexCodeMap" data-formatter="transcode">性别</th>
								<th data-field="addr" data-align="left" data-valign="middle" data-width="10%">家庭住址</th>
								<th data-field="isFlup" data-align="left" data-valign="middle" data-width="10%" data-formatter-args="flupStatusMap" data-formatter="transcode">随访状态</th>
							</tr>
							</thead>
						</table>
					</div>

					<!-- 已办列表 -->
					<div id="tab_finish" class="tab-pane">
						<!-- 查询条件 start -->
						<form id="finishForm" class="form-horizontal">
							<div class="form-group">
								<label for="patient_name1" class="col-md-2 control-label">患者名称：
								</label>
								<div class="col-md-2">
									<input id="patient_name1" class="form-control" type="text"
										   name="patient_name1" bindname="patient_name1" />
								</div>
								<label for="idnumber" class="col-md-2 control-label">身份证号：
								</label>
								<div class="col-md-2">
									<input id="idnumber1" class="form-control" type="text"
										   name="idnumber1" bindname="idnumber1" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-2 control-label"> </label>
								<div class="col-md-6">
								</div>
								<div class="col-md-4">
									<button id="queryUnBtn" type="button"
											class="btn btn-warning pull-right w100">
										<i class="fa fa-search"></i>查询
									</button>
								</div>
							</div>
						</form>
						<!-- 查询条件 end -->
						<table data-class="table table-bordered" id="finishTranTable"
							   data-striped="true" data-pagination="true"
							   data-side-pagination="server" data-page-size="10"
							   data-page-list="[10, 20]">
							<thead>
							<tr class="dataStore_title">
								<th data-field="patient_name" data-align="left" data-valign="middle" data-width="10%">患者姓名</th>
								<th data-field="idnumber" data-align="left" data-valign="middle" data-width="10%">身份证号</th>
								<th data-field="flup_type" data-align="left" data-valign="middle" data-width="10%" data-formatter-args="flupStatusMap" data-formatter="transcode">随访方式</th>
								<th data-field="flup_content" data-align="left" data-valign="middle" data-width="10%">随访内容</th>
								<th data-field="flup_status" data-align="left" data-valign="middle" data-width="10%" data-formatter-args="flupTypeMap" data-formatter="transcode">随访状态</th>
								<th data-field="flup_time" data-align="left" data-width="10%" data-valign="middle" data-formatter="dateFormatter">随访日期</th>
								<th data-field="operation" data-align="center" data-valign="middle" data-formatter="operateFormatter"
										data-events="operateEvents" data-width="10%"><div>操&nbsp;作</div></th>
									</tr>
							</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
		<!-- /.box-body -->
	</div>
	<!-- /.box -->
</section>
<div th:include="layout/footer"></div>
<script th:if="${projectModel=='dev'}" th:src="@{/static/js/business/flup/listflup.js(v=${#dates.createNow().getTime()})}"></script>
<script th:if="${projectModel=='product'}" th:src="@{/static/js/business/flup/listflup.js}"></script>
</body>
</html>